.CardSpace {
	position: absolute;
	width: 1200px;
	height: 603px;
	left: 60px;
	top: 63px;
	perspective: 800px;
	z-index: 2;
	box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.85);
}

#Card{
	position: absolute;
	width: 1200px;
	height: 603px;
	transform-style: preserve-3d;
	transition: transform 1s;
	z-index: 2;
}

#Card figure{
	margin: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

#Card .front{
}

#Card .back {
}

#Card.flipped {
	transform: rotateY( 180deg );
}

.cardObj{
	 width: 100%; 
	 height: 100%;
	 overflow: hidden;
	 padding: 0;
	 margin: 0;
}

/********************************************************* FRONT */
.FCard{
	position: absolute;
	width: 1200px;
	height: 603px;
	z-index: 2;
}

.DesignF {
	width: 100%;
	height: 100%;
	background: url(img/BackgroundCardFront.png) no-repeat center center;
	background-size: cover;
	box-shadow: 10px 10px 7px 1px rgba(0,0,0,0.75);
}

#Print{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: url("../img/print.png") no-repeat center center;
	background-size: cover;
}

.CardName{
	position: absolute;
	width: 800px;
	height: 60px;
	left: 59px;
	top: 12px;
	border-radius: 10px;
}
.CardName span{
	float: left;
	font-size: 28px;
	text-shadow: 2px 2px #dddddd;
	font-family: Helvetica-bold;
}

.Photo{
	position: absolute;
	width: 294px;
	height: 450px;
	left: 59px;
	top: 112px;
	z-index: 3;
}
#ProjFace{
	position: absolute;
	width: 294px;
	height: 332px;
	z-index: 3;
	box-shadow: 10px 10px 5px #888888;
	background-size: 100% 100%;
}

.Advisor{
	position: absolute;
	background: rgba(81, 200, 194, 0.5);
	width: 440px;
	height: 99px;
	top: 475px;
	left: 711px;
	z-index: 3;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;
}
.Advisor span{
	position: absolute;
	font-size: 16px;
	text-align: center;
	float: left;
	top: 50%;
	padding-left: 10px;
}
#Signature {
	position: absolute;
	background: url("../img/Front/SignatureBox.png") no-repeat center center;
	background-size: 100% 100%;
	width: 68%;
	height: 48%;
	left: 10px;
}

#Stamp{
	position: absolute;
	background: url("../img/Front/StampBox.png") no-repeat center center;
	background-size: contain;
	width: 25%;
	height: 70%;
	left: 74%;
	top: 12%;
	border-radius: 10px;
}

.Name{
	position: absolute;
	width: 1000px;
	height: 60px;
	top: 52px;
	left: 495.6px;
	z-index: 3;
	border-radius: 10px;
}
.Name span{
	display: inline;
	font-size: 32px;
	font-weight: 300;
}

.ID{
	position: absolute;
	background: rgba(132, 216, 212, 0.5);
	width: 444px;
	height: 128px;
	top: 322px;
	left: 711px;
	z-index: 3;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;
}
.ID li{
	display: block;
	float: left;
	width: 100%;
	height: 25%;
}
.ID span{
	padding-right: 10px;
	padding-top: 5px;
	font-family: Helvetica;
	font-size: 14px;
}

.Description{
	position: absolute;
	background: rgba(119, 212, 208, 1);
	width: 540px;
	height: 99px;
	top: 475px;
	left: 50px;
	z-index: 3;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;
}
.Description li{
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}

.Description span{
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Helvetica;
	font-size: 14px;
}

#WhatSpan{
	padding-top: 0px !important;
	height: 50px !important;
	width: 350px !important;
	left: auto;
	overflow-y:scroll;
}
#SourceSpan{
	float: right;
}
.Description a:link {
	color:yellow;
}

.Description a:visited {
	color:orange;
}

.Description a:hover {
	color:orange;
}

.Description a:active {
	color:red;
}

.Background{
	position: absolute;
	background: rgba(227, 254, 245, 0.5);
	width: 450px;
	height: 175px;
	top: 127px;
	left: 711px;
	z-index: 3;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;
	
}
.Background li{
	display: block;
	float: left;
	width: 100%;
	height: 15%;
	padding-top: 2px;
}
.Background span{
	float: left;
	padding-right: 10px;
	font-family: Helvetica;
	font-size: 14px;
}

.LargeLi{
	height: 80% !important;
	overflow: hidden;
}